<?php
?>

<html>
   <head>
 
      <title></title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
      <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
      <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
 
      <script type="text/javascript" language="javascript">
 
         $.noConflict();
 
         jQuery(document).bind("ready", function () {
 
            jQuery.ajaxSetup({
                  cache: false
            });
 
            jQuery("#a1").bind("click touch", function () {
                  jQuery("#player").html(videopanel("V8bgdC3ZNfw"));
            });
 
            jQuery("#a2").bind("click touch", function () {
                  jQuery("#player").html(videopanel("L3ksEAyrj6k"));
            });
 
            jQuery("#a3").bind("click touch", function () {
                  jQuery("#player").html(videopanel("4BRyIORw0yQ"));
            });
 
            jQuery("#a4").bind("click touch", function () {
                  jQuery("#player").html(videopanel("7ErgffP0wVw"));
            });
 
         });
 
         function videopanel(id) {
 
            str = '<param name="movie" value="http://www.youtube.com/v/' + id + '?autoplay=1"></param>';
            str += '<param name="wmode" value="transparent"></param>';
            str += '<embed src="http://www.youtube.com/v/' + id + '?autoplay=1" ';
            str += 'type="application/x-shockwave-flash" wmode="transparent" width="100%" height="600">';
            str += '</embed>';
 
            return str;
 
         }
 
      </script>
 
   </head>
   <body>
 
      <div data-role="page" id="page">
 
         <div data-role="content"
        style="margin:0px 0px 0px 0px; padding:10px 2% 400px 2%; width:96%; height:900px; background-color:#000000;">
 
            <object id="player" width="100%" height="600">
                  <param name="movie" value="http://www.youtube.com/v/TmpFlFN-EOA?autoplay=1"></param>
                  <param name="wmode" value="transparent"></param>
                  <embed src="http://www.youtube.com/v/TmpFlFN-EOA?autoplay=1"
                  type="application/x-shockwave-flash" wmode="transparent" width="100%" height="600"></embed>
            </object>
 
            <br /><br />
 
            <ul data-role="listview" data-inset="true" data-filter="true">
                  <li><a id="a1" href="#">49일 OST Part.2</a></li>
                  <li><a id="a2" href="#">吳雨霏 – 距離</a></li>
                  <li><a id="a3" href="#">吳雨霏 – 明知做戲</a></li>
                  <li><a id="a4" href="#">Super Junior – It's You</a></li>
            </ul>
 
         </div>
 
      </div>
 
   </body>
   </html>